<template>
  <el-tabs v-model="view" v-loading="allLoading" type="border-card">
    <el-tab-pane :label="$t('基本信息')" name="baseInfo" lazy>
      <listedDealForm :listed-id="listedId" class="listedDealForm" />
    </el-tab-pane>
    <el-tab-pane :label="$t('持仓信息')" name="listedPositionHoldList" lazy>
      <listedPositionHoldList :listed-id="listedId" :deal-id="dealId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('项目解禁')" name="listedReleaseList" lazy>
      <listedReleaseList :listed-id="listedId" />
    </el-tab-pane>
    <el-tab-pane :label="$t('减持记录')" name="listedShareSubDetailList" lazy>
      <listedShareSubDetailList :listed-id="listedId" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
  import listedReleaseList from '@/views/deal/listed/release/listedReleaseList'
  import listedDealForm from '@/views/deal/listed/base/listedDealForm'
  import listedPositionHoldList from '@/views/deal/listed/position/listedPositionHoldList'
  import listedShareSubDetailList from '@/views/deal/listed/base/listedShareSubDetailList'

  export default {
    components: {
      listedReleaseList,
      listedDealForm,
      listedPositionHoldList,
      listedShareSubDetailList
    },
    props: {
      listedId: {
        type: String,
        required: true,
        default: ''
      },
      dealId: {
        type: String,
        required: true,
        default: ''
      }
    },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 展示视图
      view: 'baseInfo',
      allLoading: false

    }
  }
}
</script>
